<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh-CN">

<head>

<meta charset="utf-8">
<!--声明文档兼容模式，表示使用IE浏览器的最新模式-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--设置视口的宽度(值为设备的理想宽度)，页面初始缩放值<理想宽度/可见宽度>-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>登录页面</title>

<!-- 引入Bootstrap核心样式文件 -->
<link href="../css/bootstrap.css" rel="stylesheet">
<!-- 引入jQuery核心js文件 -->
<script src="../js/jquery-1.11.3.min.js"></script>
<!-- 引入BootStrap核心js文件 -->
<script src="../js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/front/register.css" />
<script type="text/javascript">
	$(function() {
		//刷新验证码
		$("#t_yzm").click(function() {
			$(this).attr("src", "yzm?" + Math.random());
		});

	});
</script>
<style type="text/css">
	 form .row{
		margin:20px 0px;
	} 
</style>
</head>

<body>
	<!--导航-->
	<div class="head">
		<div class="container ">
			<div class="row">

				<div class="col-lg-2 col-md-2 col-sm-2 head-left">
					<a href="blog">博客园</a>
				</div>
				<div class="col-lg-7 col-md-7 col-sm-7"></div>
				<div class="col-lg-3 col-md-3 col-sm-3 head-right">
					<a href="login">登录</a> <a href="register">注册</a>
				</div>

			</div>
		</div>
	</div>

	<!--注册-->
	<div class="container middle">
		<div class="row">
			<div class="col-lg-2 col-md-2 col-sm-2"></div>
			<div class="col-lg-8 col-md-8 col-sm-8">
				<div class="row zc">
					<span style="font-size: 16px;">用户登录</span>
				</div>
				<!--表单-->

				<form action="login" method="post" onsubmit="return regForm()">
					<div class="row form">
						<div class="col-lg-2 col-md-2 col-sm-2">
							<div class="row">
								<span>昵&nbsp;&nbsp;&nbsp;&nbsp;称</span><br />
							</div>
							<div class="row">
								<span>密&nbsp;&nbsp;&nbsp;&nbsp;码</span><br />
							</div>
							<div class="row">
								<span>验证码</span><br />
							</div>






						</div>
						<div class="col-lg-6 col-md-6 col-sm-6 center">
							<div class="row">
								<input type="text" id="uname" name="uname" value=""
									placeholder="请输入昵称" onfocusout="check('uname')" />
									<label id="unameLabel">${unameLabel}</label>
							</div>
							<div class="row">
								<input type="password" id="password" name="password" value=""
									placeholder="请输入密码" onfocusout="check('password')"  />
									<label id="passwordLabel">${passwordLabel }</label>
							</div>
							<div class="row">
								<input type="text" id="yzm" name="yzm" value=""
									placeholder="请输入验证码" onfocusout="check('yzm')"/>
									<img  src="yzm" id="t_yzm"  alt="验证码" title="看不清？点击更换"  />
									<label id="yzmlabel">${frontyzmLabel }</label>
							</div>

							<div class="row">
								<input type="submit" id="zc" name="zc" value="登录" />
							</div>

						</div>
						<div class="col-lg-4 col-md-4 col-sm-4 right">
							<img src="../img/registersideimg.png" />
						</div>
					</div>

				</form>

			</div>
		</div>
	</div>
</body>

</html>